$(function() {
    // 点击注册链接
    $("#link_res").on("click", function() {
        $(".login-box").stop().hide();
        $(".reg-box").stop().show();
    });
    // 点击登陆链接
    $("#link_login").on("click", function() {
        $(".login-box").stop().show();
        $(".reg-box").stop().hide();
    });
    // 从layui中获取form对象
    var form = layui.form
    var layer = layui.layer
        // 通过form.verify()设置校验规则
    form.verify({
        // 设置pwd并加到input里面
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        // 校验两次密码是否一致
        repwd: function(value) {
            var pwd = $(".reg-box [name = password]").val()
            if (pwd !== value) {
                return "两次密码不一致"
            }
        }
    });
    // 给注册表单添加监听事件
    $("#form_reg").on("submit", function(e) {
        e.preventDefault();
        //获取表单的提交数据
        const form_str = $(this).serialize()
        $.ajax({
            type: "POST",
            url: "/api/reguser",
            data: form_str,
            success: function(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message);
                }
                layer.msg("注册成功，请登录");
                $("#link_login").click()
            }
        });
    });
    // 给登录表单监听事件
    $("#form_login").submit(function(e) {
        e.preventDefault();
        var data = {
            username: $('#form_login [name=username]').val(),
            password: $('#form_login [name=password]').val()
        }
        $.post("/api/login", data, function(res) {
            if (res.status !== 0) {
                return layer.msg("登录失败");
            };
            layer.msg("登陆成功");
            // 将token值存到localStorage里面去
            localStorage.setItem("token", res.token);
            // console.log(res.token);
            location.href = 'http://127.0.0.1:5501/git/day01/code/index.html'
        })
    })
})